//全局清空
*{
    margin: 0;padding: 0;
}
body{
    font: 12px/1.5 arial,tahoma,宋体;
}
//字体颜色
@fontcolor:#666666;
//a标签去除下划线
a{
    color: @fontcolor;
    font-size: 12px;
    text-decoration: none;
}
a:hover{
    color: @juse;
}



//li标签去除点
li{
    list-style: none;
}

//左右浮动
.fl{
    float: left;
}
.fr{
    float: right;
}


//表头颜色
@header_top:#F5F5F5;

//白色
@whiter:#FFFFFF;

//a hover 的颜色，橘色
@juse:#FF6600;


@serch:#FFC001;

//边夜色
@border-color:#EEEEEE;

@border-color1:#E5E5E5;

//列表页icon主色
@list-color:#FF7700;


//全局背景颜色
.bgcolor{
    background: #F5F5F5;
}


//小三角方法
.sanjiao(){
    position: absolute;
    right: 7px;
    top: 0px;
    width: 10px;
    height: 35px;
    background: url(../img/icon/xiaosanjiao.png) no-repeat 0px 14px;
    transition: 0.5s;
    transform:rotate(180deg);
}

.hot-new () {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

//轮播图的左右切换
.tab_r_l() {
    display: block;
    width: 28px;
    height: 62px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    line-height: 62px;
    text-align: center;
    color: white;
//  background: gold;
    /*背景透明度*/
    background: rgba(0,0,0,0.2);
}

//文字居中
.words-center (@height) {
    text-align: center;
    line-height: @height;
}

//文字居左
.w-l(@height){
    text-align: left;
    line-height: @height;
}

//文字居右,写错了，别改，之前的有的需要他
.w-r(@height){
    text-align: left;
    line-height: @height;
}

.w-r1(@height){
    text-align: right;
    line-height: @height;
}




//列表左侧下拉表
.con-list{
                    width: 188px;
                    min-height: 263px;
                    h3{
                        width: 126px;
                        height: 38px;
                        margin: 0;
                        padding: 0px 31px;
                        .w-l(38px);
                        color: @list-color;
                        font-weight: 600;
                        font-size: 14px;
                        
                    }
                    ul{
                        width: 158px;
                        min-height: 208px;
                        padding: 8px 15px;
                        li{
                            a{
                                display: block;
                                width: 158px;
                                height: 26px;
                                padding: 0px 16px;
                                .w-l(26px);
                                &:hover{
                                    text-decoration: none;
                                }
                            }
                            
                        }
                    }
                }


//购物车选定按钮
.shopcar-btn(@margin){
    cursor: pointer;
    width: 15px;   
    height: 15px;
    .fl;
    border: 1px  solid #666666;
    margin: 10px;
    margin-bottom: 0px;
    margin-top: @margin;
}
























